<template>
  <div style="padding: 16px;">
    <h2>体校类别</h2>
    <div
      style="background: #F3F3F3; width: 100%;height: 40px;line-height: 40px;display: flex;justify-content: space-between;padding: 0 12px;"
    >
      <div style="font-size: 12px;">全省体校数量/所</div>
      <div style="font-size: 18px;color: #0F0F0F;">3628</div>
      <div style="display: flex;">
        <div style="height:5px;width:30%;background:#909399"></div>
        <div style="height:5px;width:30%;background:#fff"></div>
        <div style="height:5px;width:30%;background:#303133"></div>
      </div>
    </div>
  </div>
</template>

<script>
import * as echarts from "echarts";

export default {
  name: "SchoolType",
  data() {
    return {
      chartInstance: null
    };
  },
  mounted() {},

  methods: {}
};
</script>

<style scoped>
h2 {
  margin-bottom: 20px;
}
</style>
